<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>font-style用来控制字体样式</title>
    <style>
        .box {
            font-style: italic;
            border: 1px solid #000;
            padding: 10px;
            width: 300px;
        }
        .box oblique {
            font-style: oblique;
        }
    </style>
</head>
<body>
    <div class="box">
        font-style用来控制字体样式，常用的属性值有normal、italic和oblique。<br>
        normal：默认值，表示正常字体样式。<br>
        italic：表示斜体字体样式，通常用于强调文本。<br>
        oblique：表示倾斜字体样式，类似于斜体，但倾
        <p>
            斜角度较小且不如斜体那么明显。
        </p>
    </div>
</body>
</html>